<template>
    <div class="hot">
        <div v-for="(item,i) in contData" :key="i">
            <banner v-if="item.type === 0"/>
            <t3 :id="item.id" :name="item.name" v-if="item.type === 3"/>
            <t7 :id="item.id" :name="item.name" v-if="item.type === 7"/>
            <t5 :id="item.id" :name="item.name" v-if="item.type === 5"/>
        </div>
        
    </div>
</template>

<script>
import banner from '@/components/Banner.vue'
import t3 from '@/components/T3.vue'
import t5 from '@/components/T5.vue'
import t7 from '@/components/T7.vue'
    export default {
        name:'hot',
        components:{
            banner,
            t3,
            t5,
            t7
        },
        data() {
            return {
                contData:[]
            }
        },
        created(){
            this.axios({
                url:'GetClassPageLayout',
                params:{
                    tabId:271
                }
            }).then(res=>{
                if (res.status === 200) {
                    this.contData = res.data.data.layout
                }
            })
        },
        methods:{
        }
    }
</script>

<style lang="less" scoped>
    .hot{
        width: 100%;
    }
</style>